 *{
 	margin:0;padding:0;
 }
 #box{
 	
 	width:100%;
 	height:750px;
 	background-color:#F0F0F0;
 	
 }
  /*头部*/
.box-header{ 
    background-color:#000;
    color:white;
    width:100%;
    height:36px;
    min-width:320px;
    border:0px solid #000;
    
    	}
.box-header-div1{
    width:30%;
    height:36px;
    border:0px solid #000;
   	float:left;
   	
    }
.box-header-div1_div1{
    width:10%;
    height:36px;
    margin-left:10px;
    line-height:36px;
    float:left;
    border:0px solid #000;
    }
.box-header-div1_div1 img{
    width:12px;
    height:22px;
    }
.box-header-div1-div2{
    width:50%;
    height:36px;
    line-height:40px;
    float:left;
    border:0px solid #000;
    	}
.box-header-div1-div2 a{
    color:white;
    font-size:18px;
    line-height:23px;
    }
a:hover{
    text-decoration:none ;
   }
.box-header-div2{
    width:40%;
    height:36px;
    border:0px solid #000;
    text-align:center;
    line-height:36px;
    float:left;
    font-size:18px;
   }
.box-header-div2{
    color:white;
   }
.box-header-div3{
    width:30%;
    height:36px;
    line-height:36px ;
    border:0px solid #000;
    float:left;
   }
.box-header-div3 img{
    margin-left:60%;
   }
  /* top*/
 .top{
 	width:100%;
 	height:220px;
 	min-width:320px;
 	background-color:#fff;
 }
 .top-top{
 	width:92%;
 	height:100px;
 	margin-left:5%;
 	border:0px solid red;
 }
.top-top-div1{
	width:30%;
	height:98px;
 	line-height:100px;
 	float:left;
 	border:0px solid red;
 	padding-top:10px;
}
.top-top-div2{
	width:70%;
	height:98px;
 	float:left;
 	border:0px solid red;
}
.top-top-div2 p{
	padding-top:10px;
	font-size:18px;
}
.top-top-div2 label{
	color:#BEBEBE;
	font-size:13px;
	
}
.top-content{
	width:90%;
	height:50px;
	margin-left:5%;
 	border:0px solid red;
}
.top-content-left{
	float:left;
	width:40%;
	height:48px;
	border:0px solid red;
}
.top-content-left p{
	font-size:13px;
	line-height:50px;
}
.top-content-left b{
	color:#BEBEBE;
}
.top-content-right{
	float:left;
	width:60%;
	height:48px;
	border:0px solid red;
	line-height:48px;
}
.top-content-right span{
	color:#BEBEBE;
	font-size:13px;
}
.top-bottom{
	width:90%;
	height:50px;
	margin-left:5%;
 	border:0px solid red;
}
.top-bottom-left{
	width:50%;
	height:50px;
	float:left;
 	border:0px solid red;
}
.top-bottom-left p{
	color:#F64D31;
	font-size:17px;
	line-height:50px;
}
.top-bottom-right{
	width:50%;
	height:50px;
	float:left;
 	border:0px solid red;
}
.top-bottom-right input{
	width:100px;
	height:30px;
	background-color:#13B7F6;
	color:#fff;
	border:0;
	border-radius:5px;
	-webkit-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
    font-size:14px ;
    margin-top:5%;
}
/*content*/
.content{
	/*width:94%;*/
	height:375px;
	min-width:320px;
	background-color:#fff;
	/*margin-left:3%;*/
	margin-top:13px;
}
.content-top{
	width:94%;
	height:50px;
	border:0px solid red ;
	margin-left:3%
}
.content-top p{
	font-size:14px ;
	line-height:65px;
}
.content-content{
	width:86%;
	height:160px;
	border:0px solid red ;
	margin-left:7%
}
/* =================================================== */
 .content-mg-po{
	 display: inline-block;
 }
 .content-mg-pt{
	 display: inline-block;position: absolute;right:15px;
 }
 .content-mg-pt span{
	 text-align: right;
 }
/* =================================================== */
.button-dian{
	width:86%;
	height:140px;
	border:0px solid red;
	margin-left:7%;
	margin-top:25px;
}
.button-dian-left{
	width:100%;
	height:49px;
	border:0px solid #DCF4FE;
	border-left:1px solid #DCF4FE;
}
.button-dian-middle{
	width:100%;
	height:39px;
	border:0px solid #DCF4FE;
	border-left:1px solid #DCF4FE;
}
.button-dian-bottom{
	width:100%;
	height:49px;
	border:0px solid #DCF4FE;
}
.button-dian-left-dian{
	width:10px;
	height:10px;
	background-color:#38C2F5;
	border-radius:100%;
	-webkit-border-radius:100% ;
	-moz-border-radius:100% ;
	-ms-border-radius:100% ;
	margin-top:-5px;
	margin-left:-1.6%;
}
.button-dian-left-dian1 p{
	margin-top:-13px;
	padding-left:5%;
	font-size:10px;
	color:#333333;
}
.content-two{
	width:100%;
	
	border:0px solid red;
}
.content-two img{
	width:90%;
	 
}
.content-two p{
	text-align: center;
}


@media screen and (min-width:340px ) and (max-width:400px){
	.top-top-div1{
	    width:26%;
	 }
	.top-top-div2{
	    width:74%;
	}
	.top-top-div2 label{
		color:#BEBEBE;
		font-size:14px;
	}
	.top-content-right span,.top-content-left p{
	    font-size:14px;
   }
    .top-bottom-left p{
	    font-size:20px;
   }
   .top-bottom-right input{
   	width:120px;
   	font-size:16px ;
   }
   
}
@media screen and (min-width:400px) and (max-width:450px ){
	.top-top-div1{
	    width:25%;
	 }
	.top-top-div2{
	    width:75%;
	}
	.top-top-div2 label{
		color:#BEBEBE;
		font-size:14px;
	}
	.top-content-right span,.top-content-left p{
	    font-size:14px;
   }
    .top-bottom-left p{
	    font-size:20px;
   }
   .top-bottom-right input{
   	width:120px;
   	font-size:16px ;
   }
   .content-top p{
   	font-size:16px ;
   }
   .button-dian-left-dian1 p{
   	font-size:14px;
   	margin-top:-15px;
   }
   .content-two img{
	width:140px;
	height:140px;
}
   
}
@media screen and (min-width:450px) and (max-width:500px ){
	.top-top-div1{
	    width:23%;
	 }
	.top-top-div2{
	    width:77%;
	}
	.top-top-div2 p{
		padding-top:17px;
      }
	.top-top-div2 label{
		color:#BEBEBE;
		font-size:14px;
	}
	.top-content-right span,.top-content-left p{
	    font-size:14px;
   }
    .top-bottom-left p{
	    font-size:20px;
   }
   .top-bottom-right input{
   	width:120px;
   	font-size:16px ;
   }
   .content-top p{
   	font-size:17px ;
   }
   .button-dian-left-dian1 p{
   	font-size:14px;
   	margin-top:-15px;
   }
   .content-two img{
	width:140px;
	height:140px;
}
   
}
@media screen and (min-width:500px) and (max-width:600px ){
	.top-top-div1{
	    width:20%;
	 }
	.top-top-div2{
	    width:80%;
	}
	.top-top-div2 p{
		padding-top:20px;
      }
	.top-top-div2 label{
		color:#BEBEBE;
		font-size:14px;
	}
	.top-content-right span,.top-content-left p{
	    font-size:14px;
   }
    .top-bottom-left p{
	    font-size:20px;
   }
   .top-bottom-right input{
   	width:120px;
   	font-size:16px ;
   }
   .content-top p{
   	font-size:18px ;
   }
   .button-dian-left-dian1 p{
   	font-size:16px;
   	margin-top:-15px;
   }
   .content-two img{
	width:150px;
	height:150px;
}
   
}
@media screen and (min-width:600px) and (max-width:700px ){
	#box{
		height:770px;
	}
	.top-top-div1{
	    width:20%;
	 }
	.top-top-div2{
	    width:80%;
	}
	.top-top-div2 label{
		color:#BEBEBE;
		font-size:14px;
	}
	.top-top-div2 p{
		padding-top:25px;
      }
	.top-content-right span,.top-content-left p{
	    font-size:14px;
   }
    .top-bottom-left p{
	    font-size:20px;
   }
   .top-bottom-right input{
   	width:120px;
   	font-size:16px ;
   }
   .content-top p{
   	font-size:20px ;
   }
   .button-dian-left-dian1 p{
   	font-size:16px;
   	margin-top:-15px;
   }
   .content-two img{
	width:160px;
	height:160px;
}
.content-two{
	height:180px;
}
.content{
	height:395px;
}
   
}
 @media screen and (min-width: 768px)  {
	 .button-dian-middle{
		 /*width:82%;*/
	 }
 }
@media screen and (min-width:700px) and (max-width:800px ) {
	#box{
		height:770px;
	}
	.top-top-div1{
	    width:15%;
	 }
	.top-top-div2{
	    width:80%;
	}
	.top-top-div2 b{
		font-size:20px;
	}
	.top-top-div2 label{
		color:#BEBEBE;
		font-size:16px;
	}
	.top-top-div2 p{
		padding-top:25px;
      }
	.top-content-right span,.top-content-left p{
	    font-size:16px;
   }
    .top-bottom-left p{
	    font-size:22px;
   }
   .top-bottom-right input{
   	width:120px;
   	font-size:18px ;
   }
    .content-top p{
   	font-size:20px ;
   }
   .button-dian-left-dian1 p{
   	font-size:17px;
   	margin-top:-15px;
   }
   .content-two img{
	width:160px;
	height:160px;
}
.content-two{
	height:180px;
}
.content{
	height:395px;
}
   
}
@media screen and (min-width:800px) {
	#box{
		height:770px;
	}
	.top-top-div1{
	    width:10%;
	 }
	.top-top-div2{
	    width:80%;
	}
	.top-top-div2 b{
		font-size:20px;
	}
	.top-top-div2 label{
		color:#BEBEBE;
		font-size:16px;
	}
	.top-top-div2 p{
		padding-top:25px;
      }
	.top-content-right span,.top-content-left p{
	    font-size:16px;
   }
    .top-bottom-left p{
	    font-size:22px;
   }
   .top-bottom-right input{
   	width:120px;
   	font-size:18px ;
   }
    .content-top p{
   	font-size:21px ;
   }
   .button-dian-left-dian1 p{
   	font-size:17px;
   	margin-top:-15px;
   }
   .content-two img{
	width:160px;
	height:160px;
}
.content-two{
	height:180px;
}
.content{
	height:395px;
}
   
   
   
}